import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

class HomePage extends StatefulWidget{
  @override
  State<StatefulWidget> createState() {
    // TODO: implement createState
    return HomePageState();
  }
}

class HomePageState extends State{
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Material(
      child: Container(
        child: Column(
          children: <Widget>[
            Container(
              width: MediaQuery.of(context).size.width,
              height: 150 + MediaQuery.of(context).padding.top,
              color: Color.fromRGBO(6, 193, 134,1),
              child: Container(
                margin: EdgeInsets.only(top: MediaQuery.of(context).padding.top),
                padding: EdgeInsets.only(left: 20,right: 20),
                child: Column(
                  children: <Widget>[
                    Text("本月支出 （元）",style: TextStyle(color: Color.fromRGBO(255, 255, 255, 1),fontSize: 12),),
                    Container(
                        margin: EdgeInsets.only(top:14),
                        child:  Text("暂无支出",style: TextStyle(color: Color.fromRGBO(255, 255, 255, 1),fontSize: 40),),
                    ),
                    Container(
                        margin: EdgeInsets.only(top:14),
                        child:   Row(
                          children: <Widget>[
                            Text("本月收入",style: TextStyle(color: Color.fromRGBO(255, 255, 255, 1),fontSize: 12)),
                            Container(
                              margin: EdgeInsets.only(left: 20),
                              child:  Text("暂无收入",style: TextStyle(color: Color.fromRGBO(255, 255, 255, 1),fontSize: 12)),
                            )
                          ],
                        )
                    )

                  ],
                  crossAxisAlignment: CrossAxisAlignment.start,
                ),
              ),
            ),
            Container(
              width: MediaQuery.of(context).size.width * 0.9,
              child: RaisedButton(onPressed:(){},
              child: Text("记一笔",style: TextStyle(color: Color.fromRGBO(255, 255, 255, 1),fontSize: 16),),
              color: Color.fromRGBO(6, 193, 134,1),
              ),
              margin: EdgeInsets.only(top: 14),
            )
          ],
        ),
      ),
    );
  }
}